<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>花田喜铺</title>
<link rel="stylesheet" type="text/css" href="Style/style.css"  />
<script type="text/javascript" src="Js/jquery.min.js" ></script>
<script type="text/javascript" src="Js/common.js" ></script>
<script type="text/javascript" src="Js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="Js/sexylightbox.v2.3.jquery.min.js"></script>
<link rel="stylesheet" href="Style/sexylightbox.css" type="text/css" media="all" />
<script language="javascript">
$(function(){
	var len = $(".playlist-center>ul").find("li");
	$(".playlist-center>ul").css("width",len.length*100+"px");
	$(".case-play").flvPlayer(len.eq(0).attr("file"));
	var MyMar;
	var speed = 1; //速度，越大越慢
	var spec = 2; //每次滚动的间距, 越大滚动
	$(".playlist-left").hover(function(){
		MyMar = setInterval(function(){
			$(".playlist-center")[0].scrollLeft-=spec;
		},speed);					
	},function(){
		clearInterval(MyMar);
	});
	$(".playlist-right").hover(function(){
		MyMar = setInterval(function(){
			$(".playlist-center")[0].scrollLeft+=spec;
		},speed);							 
	},function(){
		clearInterval(MyMar);
	});
	$(".playlist-center>ul>li").click(function(){
		$(".case-play").flvPlayer($(this).attr("file"));
	});
});
</script>
</head>

<body>
<div class="main">
	<?php
	include('include/header.php');
	?>
	<div class="clear"></div>
	<div class="middle">
		<div class="about-left">
			<ul>
				<?php
				foreach($left as $crow){
				?>
				<li <?php if($crow['class_id']==$pcid){?>class="sel"<?php }?>><a href="index.php?controller=Default&action=Video&cid=<?=$crow['class_id']?>">
					<?=$crow['name']?>
					</a></li>
				<?php
				}
				?>
			</ul>
		</div>
		<div class="case-right"> 
			<!--视频开始-->
			<div class="case-video">
				<div class="case-play"></div>
				<div class="case-video-playlist">
					<div class="playlist-left"><img src="Images/video_left.png"  align="absmiddle"></div>
					<div class="playlist-center">
						<ul>
						<?php
						foreach($rowset as $row){
						?>
							<li file="<?=$row['ext1']?>"><img src="Upload/<?=$row['image_src']?>"  align="absmiddle"></li>
						<?php
						}
						?>					
						</ul>
					</div>
					<div class="playlist-right"><img src="Images/video_right.png"  align="absmiddle"></div>
					<div class="clear"></div>
				</div>
			</div>
			<!--视频结束-->
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
</div>
</div>
<script language="javascript">
var arr = [];
arr[0] = ["Upload/s_4df705015bfb9.jpg","人人网活动","index.php/Text/show/id/7.htm"];arr[1] = ["Upload/s_4def2f468c4d1.jpg","夏季来临，蘭会所特举行夏季优惠活动！ ","index.php/Text/show/id/6.htm"];arr[2] = ["Upload/s_4db9323d84e75.jpg","套系16800元","index.php/Case/show/cid/11/id/7.htm"];arr[3] = ["Upload/s_4db9331fe57a3.jpg","套系31000元","index.php/Case/show/cid/10/id/13.htm"];arr[4] = ["Upload/s_4db9351ce46c0.jpg","套系20000元","index.php/Case/show/cid/8/id/12.htm"];	

$(function(){
	$(".flashs").flash(720,400,arr);
	$(".playlist>ul>li").click(function(){
		$(".player").flvPlayer($(this).attr("file"),399,326);
	}).eq(0).click();
	$(".general>ul>li>a").click(function(){
		$(".general>ul>li").removeClass("sel");
		$(".general>ul>li>ul").hide();
		$(this).parent().addClass("sel");
		$(this).parent().find("ul").show(600);
		return false;
	}).eq(0).click();
	$(".desinger").hover(function(){
		$(this).addClass("sel");	
	},function(){
		$(this).removeClass("sel");
	});
	//策划团队
	$("ul.photo").each(function(){
		$(this).css("background","url("+$(this).attr("file")+") center center no-repeat");	
	});
});

</script>
<?php
include('include/footer.php');
?>
</body>
</html>